<!-- filepath: d:\Users\Documents\HBuilderProjects\EducationPlatform\pages\index\index.vue -->
<template>
  <view class="container">

    <!-- 顶部学校信息栏 -->
    <view class="cu-bar bg-blue tabr" style=" height: 250rpx;    padding-top: 40rpx;">
      <view class="action">
        <view class="cu-avatar round lg " style="background-image:url(/static/img/dft.png);height: 120rpx;width: 120rpx;margin-left: 10rpx"></view>
      </view>
      <view class="content text-bold flex  justify-center  flex-direction  " style="height: 200rpx; padding-top: 40rpx;">
        <view class="text-left"> 温岭市第三中学</view>
        <view class="text-left">
          <text class="text-sm text-white">校长室</text>
        </view>

      </view>
      <view class="action">
        <view class="cu-item radius-l margin-right-lg  light bg-blue padding-xs">
          <text class="cuIcon-notice" style="font-size: 40rpx"></text>
        </view>
        <view class="cu-item radius-l   light bg-blue padding-xs">
          <text class="cuIcon-scan" style="font-size: 40rpx"></text>
        </view>
      </view>
    </view>

    <!-- 背景图片 -->
    <view class="bg-img" style="height: 200px; background-image: url(https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg);"></view>

    <!-- 通知区域 -->
    <view class="cu-card case  shadow-blur  bg-white margin radius-xs">
      <view class="padding">
        <view class="title">
          <view class="text-cut align-center flex justify-between ">

            <text class="light">
              <text class="cuIcon-titles text-blue "></text>
              通知标题
            </text>
            <text class="cu-tag line-red light">重要</text>
          </view>
        </view>
        <view class="content padding-bottom padding-top-xs">
          <view class="text-content">
            重要通知重要通知重要通知重要通知重要通知重要通知重要通知重要通知重要通知重要通知重要通知重要通知...
          </view>
        </view>
        <view class="cu-list menu-avatar">
          <view class="text-sm">
            <view class="flex justify-between">
              <view class="text-grey">发布单位：信息技术中心</view>
              <view class="text-gray text-sm">日期：2025.10.10</view>
            </view>
          </view>
        </view>
      </view>
    </view>



    <!-- 应用网格 -->
    <view class="padding bg-white margin shadow-blur radius-xs ">
      <view class="action">
        <text class="cuIcon-titles text-blue"></text>
        我的应用
      </view>
     <view class="cu-list grid col-4 no-border ">
       <view class="cu-item flex   align-center">
     		  <uv-image src="../../static/img/img.png" width="40" height="40"></uv-image>
         <text>应用名称</text>
       </view>
       <view v-for="i in 6" class="cu-item flex align-center">
         <!-- <img src="../static/img/img2.png" style="width: 88rpx"> -->
     		  	<uv-image src="../../static/img/img2.png" width="40" height="40"></uv-image>
         <text>应用名称</text>
       </view>
     </view>
    </view>

    <view class="padding bg-white margin shadow-blur radius-xs ">
      <view class="action">
        <text class="cuIcon-titles text-blue"></text>
        市本级应用
      </view>
      <view class="cu-list grid col-4 no-border ">
        <view class="cu-item flex   align-center">
		  <uv-image src="../../static/img/img.png" width="40" height="40"></uv-image>
          <text>应用名称</text>
        </view>
        <view v-for="i in 6" class="cu-item flex align-center">
          <!-- <img src="../static/img/img2.png" style="width: 88rpx"> -->
		  	<uv-image src="../../static/img/img2.png" width="40" height="40"></uv-image>
          <text>应用名称</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style scoped>

</style>
